<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品详情页</title>
	<link rel="stylesheet" href="../style/less/item.css" />
</head>
<body>
<!-- 最顶部fixBar *************************************************************************** -->
	<div id="fixBar">
		<div id="fixBarBox" class="comWidth clearfix">
			<ul class="fixBarLogin" hidden>
				<li>
					<div>
						<a href=""><span>登录</span></a>
					</div>
				</li>
				<li class="fixBarReg">
					<div>
						<a href="###" class="heightlight"><span>注册</span></a>
					</div>
				</li>
			</ul>
			<div class="fl">
				<div class="menu-hd">
					<a href=""><span>shadowtang</span></a>
					<span class="arrowt"></span>
				</div>
			</div>
			<ul class="fixBarRSite">
				<li class="menuUser"><!-- 用户中心 -->
					<div class="menu-hd">
						<a><span>用户中心</span></a>
						<span class="arrowt"></span>
					</div>
					<div class="menu-bd">
						<div class="menuUserWrap clearfix">
							<div class="iconInfo fl">
								<div class="menuSubIcon iconUserShopper"></div>
								<p class="mjGrey">买家中心</p>
							</div><!-- icon&font -->
							<div class="fl">
								<ul class="shopItems clearfix">
									<li><a href="###">已买货品</a></li>
									<li><a href="###">优惠券</a></li>
									<li><a href="###">我的订单</a></li>
									<li><a href="###">店铺动态</a></li>
									<li><a href="###">店铺动态</a></li>
								</ul>
							</div>
						</div>
						<p class="divider"></p>
						<div class="menuUserWrap clearfix">
							<div class="iconInfo fl">
								<div class="menuSubIcon iconUserSeller"></div>
								<p class="mjBlue">卖家中心</p>
							</div>
							<div class="fl">
								<ul class="shopItems clearfix">
									<li><a href="###">已买货品</a></li>
									<li><a href="###">已买货品</a></li>
									<li><a href="###">我的订单</a></li>
									<li><a href="###">店铺动态</a></li>
								</ul>
							</div>
						</div>
						<p class="divider"></p>
						<div class="menuUserWrap clearfix">
							<div class="iconInfo fl">
								<div class="menuSubIcon iconUserSys"></div>
								<p class="serGreen">服务中心</p>
							</div>
							<div class="fl">
								<ul class="shopItems clearfix">
									<li><a href="###">已买货品</a></li>
									<li><a href="###">优惠券品</a></li>
									<li><a href="###">已买货品</a></li>
									<li><a href="###">我的订单</a></li>
								</ul>
							</div>
						</div>
					</div><!-- 当鼠标一上去，添加.selected样式 -->
				</li>
				<li>
					<div class="menu-hd">
						
						<a href="##">
							<span class="iconfont">&#xeb4d;</span>
							<span>收藏夹</span>
						</a>
					</div>
				</li>
				<li class="menuOrder">
					<div class="menu-hd">	
						<a href="##">
							<span class="iconfont">&#xeb17;</span>
							<span>我的订单</span>
						</a>
						<span class="arrowt"></span>
					</div>
					<div class="menu-bd"></div>
				</li>
				<li class="menuShopCar carMRig">
					<div class="menu-hd">
						<a href="##">
							<span class="iconfont">&#xed0f;</span>
							<span>购物车</span>
							<strong>(10)</strong>
						</a>
						<span class="arrowt"></span>
					</div>
					<div class="menu-bd">
						<h3>最近入货</h3>
						<ul class="recBuyList clearfix">
							<li>
								<div class="recBuyItemimg fl"><img src="../images/sxsps.png" alt="" /></div>
								<div class="recBuyItemInfo fl">
									<h4>问杏儿 春季新款真皮鞋日系宅女小清新巨宅</h4>
									<p class="inBlock">颜色: 棕色</p>
									<p class="inBlock">尺寸：38</p>
								</div>
								<div class="recBuyItemTotal fl">
									<p>￥149.00 x 2</p>
								</div>
								<div class="removeRecItem fr">
									<a href="">移除</a>
								</div>
							</li>
							<li>
								<div class="recBuyItem fl"><img src="../images/sxsps.png" alt="" /></div>
								<div class="recBuyItemInfo fl">
									<h4>问杏儿 春季新款真皮鞋日系宅女小清新巨宅</h4>
									<p class="inBlock">颜色: 棕色</p>
									<p class="inBlock">尺寸：38</p>
								</div>
								<div class="recBuyItemTotal fl">
									<p>￥149.00 x 2</p>
								</div>
								<div class="removeRecItem fr">
									<a href="">移除</a>
								</div>
							</li>
							<li>
								<div class="recBuyItem fl"><img src="../images/sxsps.png" alt="" /></div>
								<div class="recBuyItemInfo fl">
									<h4>问杏儿 春季新款真皮鞋日系宅女小清新巨宅</h4>
									<p class="inBlock">颜色: 棕色</p>
									<p class="inBlock">尺寸：38</p>
								</div>
								<div class="recBuyItemTotal fl">
									<p>￥149.00 x 2</p>
								</div>
								<div class="removeRecItem fr">
									<a href="">移除</a>
								</div>
							</li>
							<li>
								<div class="recBuyItem fl"><img src="../images/sxsps.png" alt="" /></div>
								<div class="recBuyItemInfo fl">
									<h4>问杏儿 春季新款真皮鞋日系宅女小清新巨宅</h4>
									<p class="inBlock">颜色: 棕色</p>
									<p class="inBlock">尺寸：38</p>
								</div>
								<div class="recBuyItemTotal fl">
									<p>￥149.00 x 2</p>
								</div>
								<div class="removeRecItem fr">
									<a href="">移除</a>
								</div>
							</li>
							<li>
								<div class="recBuyItem fl"><img src="../images/sxsps.png" alt="" /></div>
								<div class="recBuyItemInfo fl">
									<h4>问杏儿 春季新款真皮鞋日系宅女小清新巨宅</h4>
									<p class="inBlock">颜色: 棕色</p>
									<p class="inBlock">尺寸：38</p>
								</div>
								<div class="recBuyItemTotal fl">
									<p>￥149.00 x 2</p>
								</div>
								<div class="removeRecItem fr">
									<a href="">移除</a>
								</div>
							</li>
						</ul>
						<div class="allView"> 
							<p class="itemKindCounts fl">共计货品: <span>4种</span></p>
							<p class="itemCounts fl">件数: <span>68件</span></p>
							<p class="viewShopcar fr"><button>查看购物车</button></p>
						</div>
					</div>
				</li>
				<li class="hide">
					<div class="menu-hd">
						<a href="##">
							<span class="iconfont">&#xeb74;</span>
							<span>提醒</span>
							<strong>(0)</strong>
						</a>
					</div>
				</li>
			</ul>
			<div class="fixBarRequire">
				<div class="fixBarRequireTop">
					<dl>
						<dd>
							<span>0002,492</span>
							<p>已入驻供应商</p>
						</dd>
						<dt><a href="">申请成为供应商</a></dt>
					</dl>
				</div>
				<div class="fixBarRequireBottom">
					<strong>10,927</strong>
					<p>全网爆款数</p>
				</div>
			</div>
		</div>
	</div>
<!-- 最顶部fixBar **************************************************************************** -->

<!-- Logo, search -->
	<div id="lsTop">
		<div id="lsTopBox" class="comWidth clearfix">
			<div class="lsTopLogo fl">
				<div class="lsTopLogoWrap fl">
					<a href=""><img src="../images/logo.png" alt="爆款工厂" /></a>
				</div>
				<dl>
					<dt>全网爆款货源</dt>
					<dd>baokuan.com</dd>
				</dl>
			</div>
			<div class="lsTopSearchBox fl">
				<div class="lsTopSearchBg">
					<ul class="lsTopSearchItem triangle fl">
						<li><a href="">商品</a></li>
						<li><a href="">爆款</a></li>
						<li><a href="">店铺</a></li>
					</ul>
					<div class="lsTopSearchInpWrap fl">
						<span></span><input type="text" name="lsTopSearchInp" placeholder="随便搜" />
						<div class="search_drop">
							<!-- recent search -->
							<h3 class="recSear">最近搜索</h3>
							<ul class="reclist clearfix">
								<li><a href="##">杂粮饼</a></li>
								<li><a href="##">葡萄干</a></li>
								<li><a href="##">连衣裙</a></li>
								<li><a href="##">冲锋衣</a></li>
								<li><a href="##">老干妈</a></li>
							</ul>
							<!-- popular search -->
							<h3 class="popSear">热门搜索</h3>
							<ul class="poplist">
								<li><a href="##">凉鞋 女</a></li>
								<li><a href="##">洞洞鞋子</a></li>
								<li><a href="##">凉鞋 男</a></li>
								<li><a href="##">休闲板鞋</a></li>
							</ul>
						</div>
					</div>
					<div class="lsTopSearchBtn fr">
						<button>搜索</button>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- Logo, search -->

<!-- Nav -->
	<div id="nav">
		
		<div id="navBox" class="comWidth clearfix">
			<div class="navBoxfloat">
				<div class="navAllClass fl">
					<h2>查看所有分类</h2>
					<ul class="asd">
						<li>
							<span class="tab-icon icon01"></span>
							<a href="">日用百货</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li class="active">
							<span class="tab-icon icon02"></span>
							<a href="">箱包配饰</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon03"></span>
							<a href="">文具办公</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon04"></span>
							<a href="">家电数码</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon05"></span>
							<a href="">美装护理</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon06"></span>
							<a href="">母婴玩具</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon07"></span>
							<a href="">运动户外</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon08"></span>
							<a href="">家具家饰</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
						<li>
							<span class="tab-icon icon09"></span>
							<a href="">服饰鞋类</a>
							<!-- <ul></ul> --><!-- mouseover显示的具体菜单 -->
						</li>
					</ul>
				</div>
				<div class="navMainList fl">
					<ul>
						<li><a href="">一件代发</a></li>
						<li><a class="active" href="">去伙拼</a></li>
						<li><a href="">淘新品</a></li>
						<li><a href="">找货神器</a></li>
						<li><a href="">活动报名</a></li>
					</ul>
					<div>
						<img src="../images/gift.png" alt="" />
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- Nav -->

<!-- 商品路径导航条 -->

	<div id="roadBar">
		<div id="roadBarBox" class="comWidth">
			<a href="">电脑、办公</a>
			<em>></em>
			<a href="">电脑整机</a>
			<em>></em>
			<a href="">笔记本</a>
			<em>></em>
			<a href="">华硕(AUSUS)</a>
			<em>></em>
			<a href="">胡说飞行堡垒系列</a>
			<em>></em>
			<a href="">FX50JX</a>
		</div>
	</div>
<!-- 商品路径导航条 -->

<!-- 商品购买选项 -->
	
	<div id="itemS" class="clearfix">
		<div id="itemSBox" class="comWidth">
			<div class="itemSBoxL fl">
				<div class="itemImgBg">
					<img src="" alt="" />
				</div>
				<div class="itemImgsSm">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div id="itemOpar">
					<div id="itemOparBox">
						<a href="" class="itemSc">收藏</a>
						<a href="" class="itemDown">下载数据包</a>
						<a href="" class="itemShare">&nbsp;</a>
					</div>
				</div>
			</div>
			<!-- 中 -->
			<div class="itemSBoxM fl">
				<div class="itemSBoxMWrap">
					<h2>北极狐双肩包女kanken防水耐磨超轻情侣款运动户外包双肩包23510</h2>
					<div class="itemSelDetails">
						<div>
							<ul class="itemSelWays clearfix">
								<li class="active">批发价</li>
								<li >一件代发价</li>
							</ul>
						</div><!-- tab -->
						<div>
							<div>
								<div class="itemPriceP clearfix">
									<div class="itemST fl">价格</div>
									<div class="itemPricePC fl">
										<span>￥559</span>
										<span>￥459</span>
										<span>￥359</span>
									</div>
								</div>
								<div class="itemAmou clearfix">
									<div class="itemST fl">起批</div><!-- sellTitle -->
									<div class="itemAmouC fl">
										<span>1-40件</span>
										<span>41-100件</span>
										<span>101-600件</span>
									</div>
								</div>
								<div class="itemcolor clearfix">
									<div class="itemST fl">颜色</div>
									<div class="itemcolorC fl">
										<a href=""><span class="color1"></span></a>
										<a href=""><span class="color2"></span></a>
										<a href=""><span class="color3"></span></a>
									</div>
								</div>
								<div class="itemSize clearfix">
									<div class="itemST fl">尺码</div>
									<div class="fl">
										<div class="itemSizeBox">
											<span class="itemSP">XS</span>
											<span class="itemSP">￥599</span>
											<span class="itemST">200双可售</span>
											<input type="text" />
										</div>
										<div class="itemSizeBox">
											<span class="itemSP">XS</span>
											<span class="itemSP">￥599</span>
											<span class="itemST">200双可售</span>
											<input type="text" />
										</div>
										<div class="itemSizeBox">
											<span class="itemSP">XS</span>
											<span class="itemSP">￥599</span>
											<span class="itemST">200双可售</span>
											<input type="text" />
										</div>
									</div>
								</div>
								<div class="itemSBtn clearfix">
									<div class="itemST2 fl"></div>
									<div class="fl">
										<a href="" class="atscBtn">加入购物车</a>
										<a href="" class="prBtn">直接购买</a>
									</div>
								</div>
							</div><!-- tab1：批发价 -->
							
							<div></div><!-- tab2：一件代发 -->
							<div class="itemServBox clearfix">
								<div class="itemST fl">服务</div>
								<div class="itemServ fl">
									<span class="czbz">材质保障</span>
									<span class="bh15d">15天包换</span>
									<span class="fh48">48小时发货</span>
									<span class="mjbz">买家保障</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 右 -->
			<div class="itemSBoxR fl">
				<div id="itemSSeller">
					<div class="pad sellerPhoP clearfix">
						<div class="sellerPho fl">
							<img src="../images/sellerPho.png" alt="">
						</div>
						<div class="sellerName fr">
							<h3>树云科技</h3>
							<p>已出货：<span>99,999</span></p>
						</div>
					</div>
					<div class="sjxx"><p>商家信息</p></div>
					<div class="pad sellerInfo">
						<span>商家所在地：广东省 广州市</span>
						<span>主营：女装</span>
						<div class="line"></div>
						<span>手机：13569653215</span>
						<span>地址：国大 4F 466-B1</span>
					</div>
					<div class="sellerIcons pad">
						<span class="hao"><i>壕</i>20000</span>
						<span class="fifteen">15</span>
						<span class="quick">速</span>
						<span class="guar">保</span>
					</div>
					<div class="sjxx"><P>联络信息</P></div>
					<div class="kuBox pad">
						<a href="" class="sellerTel QQ">QQ</a>
						<a href="" class="sellerTel WW">旺旺</a>
					</div>
					<div class="sjxx"></div>
					<div class="pad">
						<p class="kf"><span>客服01</span><a href="" class="sellerTel kf1">联系交谈</a></p>
						<p class="kf"><span>客服02</span><a href="" class="sellerTel kf1">联系交谈</a></p>
					</div>
					
				</div>
			</div>
		</div>
	</div>

<!-- 商品购买选项 -->

<!-- 查看更多数据 -->
	
	<div id="viewMData">
		<div id="viewMDBox" class="comWidth">
			<ul>
				<li>VIEWMORE</li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>

<!-- 查看更多数据 -->

<!-- 商家推荐商品 -->

<div id="recom">
	<div id="recomBox" class="comWidth">
		<ul class="clearfix">
			<li class="hotestOne">
				<div class="hotestBkItemImg">
					<img src="../images/hotestimg.jpg" alt="" />
				</div>
				<div class="hotestBkItemInfo">
					<p class="hotestBkItemCountsP">
						<span class="hotestBkItemCounts">8514人付款</span>	
					</p>
					<a href="">
						<span class="hotestBkItemTitle">蓝月亮洗衣液薰衣草香亮白增艳洁净衣物护理</span>
					</a>
					
					<p class="">
						<span class="hotestBkItemPrice"><span>￥</span>190</span>
					</p>
				</div>
			</li>
			<li class="hotestTwo">
				<div class="hotestBkItemImg">
					<img src="../images/hotestItemimg001.png" alt="" />
				</div>
				<div class="hotestBkItemInfo">
					<p class="hotestBkItemCountsP">
						<span class="hotestBkItemCounts">8514人付款</span>	
					</p>
					<a href="">
						<span class="hotestBkItemTitle">蓝月亮洗衣液薰衣草香亮白增艳洁净衣物护理</span>
					</a>
					
					<p class="">
						<span class="hotestBkItemPrice"><span>￥</span>190</span>
					</p>
				</div>
			</li>
			<li>
				<div class="hotestBkItemImg">
					<img src="../images/hotestItemimg002.png" alt="" />
				</div>
				<div class="hotestBkItemInfo">
					<p class="hotestBkItemCountsP">
						<span class="hotestBkItemCounts">8514人付款</span>	
					</p>
					<a href="">
						<span class="hotestBkItemTitle">蓝月亮洗衣液薰衣草香亮白增艳洁净衣物护理</span>
					</a>
					
					<p class="">
						<span class="hotestBkItemPrice"><span>￥</span>190</span>
					</p>
				</div>
			</li>
			<li class="hotestTwo">
				<div class="hotestBkItemImg">
					<img src="../images/hotestItemimg001.png" alt="" />
				</div>
				<div class="hotestBkItemInfo">
					<p class="hotestBkItemCountsP">
						<span class="hotestBkItemCounts">8514人付款</span>	
					</p>
					<a href="">
						<span class="hotestBkItemTitle">蓝月亮洗衣液薰衣草香亮白增艳洁净衣物护理</span>
					</a>
					
					<p class="">
						<span class="hotestBkItemPrice"><span>￥</span>190</span>
					</p>
				</div>
			</li>
			<li>
				<div class="hotestBkItemImg">
					<img src="../images/hotestItemimg002.png" alt="" />
				</div>
				<div class="hotestBkItemInfo">
					<p class="hotestBkItemCountsP">
						<span class="hotestBkItemCounts">8514人付款</span>	
					</p>
					<a href="">
						<span class="hotestBkItemTitle">蓝月亮洗衣液薰衣草香亮白增艳洁净衣物护理</span>
					</a>
					
					<p class="">
						<span class="hotestBkItemPrice"><span>￥</span>190</span>
					</p>
				</div>
			</li>
		</ul>
	</div>
</div>

<!-- 商家推荐商品 -->



<!-- 产品分类，详情，评价... -->

	<div id="detail" class="clearfix">
		<div id="detailBox" class="comWidth">
			<div class="detailL fl">
				<div class="detailLT">
					<p>产品分类</p>
					<ul>
						<li>
							<dt>文具类目</dt>
							<dd>铅笔盒</dd>
							<dd>铅笔盒</dd>
						</li>
						<li>
							<dt>文具类目</dt>
							<dd>铅笔盒</dd>
						</li>
					</ul>
				</div>
				<div class="detailLB">
					<div class="phTab">
						<a class="fl">销量排行</a>
						<a class="fr ">收藏排行</a>
					</div>
					<div class="phTabCon">
						<div class="phBycounts">
							<ul>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
						<div>收藏排行</div>
					</div>
				</div>
			</div>
			<div class="detailR fl">
				<div id="detailRBox">
					<div class="detailTab">
						<ul class="clearfix">
							<li class="active">商品详情</li>
							<li>商品评价</li>
							<li>销售情况</li>
							<li>专享服务</li>
						</ul>
					</div>
					<div class="detailTabCon">
						<!-- 1 --><div>
							<ul class="goodInfo clearfix">
								<li>产品名称: BYHASSE四效合一温和</li>
								<li>上市时间: 2014年</li>
								<li>月份: 4月</li>
								<li>卸妆分类: 卸妆水/液</li>
								<li>是否为特殊用途化妆品: 否</li>
								<li>适用部位: 脸部</li>
								<li>规格类型: 正常规格</li>
								<li>化妆品净含量: 500g/ml</li>
								<li>功效: 保湿 卸妆 清洁</li>
								<li>品牌: BYHASSE</li>
								<li>卸妆单位: 四效合一温和保湿卸妆水</li>
								<li>适合肤质: 任何肤质</li>
								<li>产地: 西班牙</li>
								<li>保质期: 3年</li>
							</ul>
							<div class="GoodImgs">
								<ul class="clearfix">
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!-- 产品分类，详情，评价... -->
</body>
</html>